<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>iMythTV</title>
    <!--[if IE]><script>document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/mobile/') + '"/>')</script><![endif]-->
    <base href="mobile/">
    <script id="DC_baseScript">if(navigator.userAgent.indexOf('AppleWebKit/') == -1) document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/mobile/') + '"/>')</script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.6">
    <meta name="apple-mobile-web-app-capable" content="YES">
    <link rel="apple-touch-icon" href="Images/WebClipIcon.png">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" type="text/css" href="../Parts/ActivityIndicator.css">
    <script type="text/javascript" src="Parts/parts.js" charset="utf-8"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="main.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../Parts/Transitions.css">
    <!-- CSS for Navigation -->
    <link rel="stylesheet" href="../chui/chui.css">
    <link rel="stylesheet" href="navbar.css">
    <style>
        tabbar {
            position:  fixed;
            bottom:    0;
        }
    </style>
    <script type="text/javascript">
      $(document).ready(function() {
        // This is more like it!
      });
    </script>
</head>
<body onload="load();" ui-background-style="striped">
    <div id="main"><div id="introView">
            <div id="image"><img src="../Images/mythtv.png" id="inner_image"></div>
            <div id="box3">
                <div id="text3"></div>
            </div>
        </div><div id="scheduledView">
            <div id="scheduledBrowser">
                <div id="scheduledHeader">
                    <div class="dashcode-header-backbutton scheduledBack_template" id="scheduledBack"></div>
                </div>
                <div id="scheduledStack"><div id="scheduledListView">
                        <ul id="scheduledItems">
                            <li id="listRowTemplate1" class="listRowTemplate1_template first" style="" onclick="itemClicked(event)">
                                <div id="label1" class="label1_template"></div>
                                <div id="arrow1" class="arrow1_template">
                                </div>
                            </li>
                        </ul>
                    </div><div id="scheduledDetailView">
                        <div id="box">
                            <div id="programChannel"></div>
                            <div id="startLbl"></div>
                            <div id="textStart"></div>
                            <div id="endLbl"></div>
                            <div id="textEnd"></div>
                            <div id="programTitle"></div>
                            <div id="programSubTitle"></div>
                        </div>
                        <div id="box4">
                            <div id="recStatus" class="colour_red"></div>
                        </div>
                    </div></div>
            </div>
        </div>
        <div id="guideView">
            <div id="guideBrowser">
                <div id="guideHeader">
                    <div class="dashcode-header-backbutton guideBack_template" id="guideBack"></div>
                    <img id="activityIndicator" src="../Images/ActivityIndicatorWhite.png" style="-webkit-animation-name: none; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; ">
                </div>
                <div id="guideStack"><div id="guideListView">
                        <ul id="guideItems">
                            <li id="listRowTemplate2" class="listRowTemplate2_template first" style="" onclick="itemClicked(event)">
                                <div id="chanNum" class="chanNum_template text31_template chanNum1_template"></div>
                                <div id="label2" class="label2_template label21_template"></div>
                                <div id="arrow" class="arrow_template">
                                </div>
                            </li>
                        </ul>
                    </div><div id="guideDetailView">
                        <ul id="guideItemsDetail">
                            <li id="listRowTemplate3" class="listRowTemplate3_template first" style="" onclick="showProgramView(event)">
                                <div id="txtSortDate" class="txtSortDate1_template txtSortDate11_template txtSortDate12_template"></div>
                                <div id="label3" class="label4_template label41_template"></div>
                                <div id="startTime" class="startTime1_template startTime11_template"></div>
                                <div id="arrow2" class="arrow2_template">
                                </div>
                                <div id="txtCategory" class="txtCategory1_template"></div>
                                <div id="txtDescription" class="txtDescription1_template"></div>
                            </li>
                        </ul>
                    </div><div id="guideProgramView">
                        <div id="box5">
                            <div id="guideProgramChannel"></div>
                            <div id="startLbl1"></div>
                            <div id="textStart1"></div>
                            <div id="endLbl1"></div>
                            <div id="textEnd1"></div>
                            <div id="programTitle1"></div>
                            <div id="programSubTitle1"></div>
                        </div>
                        <div id="box6">
                            <select id="popup" apple-style-relative="height: 20px;">
                                <option id="option">Don't record this program</option>
                                <option id="option1">Record only this showing</option>
                                <option id="option2">Record this program in this timeslot every day</option>
                                <option id="option">Record this program in this timeslot every week</option>
                                <option id="option">Find and record one showing of this title</option>
                                <option id="option">Find and record one showing of this title each day</option>
                                <option id="option">Find and record one showing of this title each week</option>
                                <option id="option">Record at any time on this channel</option>
                                <option id="option">Record at any time on any channel</option>
                            </select>
                        </div>
                    </div></div>
            </div>
        </div><div id="recordedView">
            <div id="browser">
                <div id="div1">
                    <div class="dashcode-header-backbutton div2_template" id="div2"></div>
                </div>
                <div id="recordedStack"><div id="recordedListView">
                        <ul id="list">
                            <li id="listRowTemplate" class="listRowTemplate_template first" style="">
                                <div id="txtSortDate1" class="txtSortDate_template txtSortDate1_template txtSortDate1_template txtSortDate13_template txtSortDate13_template"></div>
                                <div id="arrow4" class="arrow4_template arrow41_template arrow41_template">
                                </div>
                                <div id="label4" class="label3_template label31_template label41_template"></div>
                                <div id="startTime1" class="startTime_template startTime1_template startTime12_template"></div>
                                <div id="txtCategory1" class="txtCategory_template txtCategory11_template"></div>
                                <div id="txtDescription1" class="txtDescription_template txtDescription11_template"></div>
                            </li>
                        </ul>
                    </div><div id="recordedDetailView"></div></div>
            </div>
        </div><div id="settingsView">
            <div id="settingsBrowser">
                <div id="settingsHeader">
                    <div class="dashcode-header-backbutton settingsBack_template" id="settingsBack"></div>
                </div>
                <div id="settingsStack"><div id="settingsList">
                        <div id="box2">
                            <div id="text"></div>
                            <input id="mythURL" type="text" name="mythURL" value="http://www.server.com/imythweb">
                            <div id="text1"></div>
                            <div id="text2"></div>
                            <div id="btnSave"></div>
                        </div>
                    </div>
                    <div id="settingsDetail">
                        <div id="box1">
                        </div>
                    </div></div>
            </div>
        </div></div>
    <!--
    <div id="navbarSpacer" apple-part="com.apple.Dashcode.part.box"></div>
//-->
    <nav selectedtab="upcoming">
        <a onclick="tabbarClicked();" id="scheduled" class="scheduled" selected="false">
            <strong>Scheduled</strong></a>
        <a onclick="tabbarClicked();" id="guide" class="guide">
            <strong>TV Guide</strong></a>
        <a onclick="tabbarClicked();" id="recorded" class="recorded">
            <strong>Recorded</strong></a>
        <!--
        <a onclick="tabbarClicked();" id="refresh" class="refresh">
            <strong>Refresh</strong></a>
//-->
        <a onclick="tabbarClicked();" id="settings" class="settings">
            <strong>Settings</strong></a>
    </nav>
</body>
</html>
